как вставить javascript в index.php?

[aaleks111]

всем привет!
помогите, плиз, переставить кнопку с попап-окном с одного сайта на другой:

кнопка: <a href="#podbor-tura" id="win_pop" class="btn-green">Онлайн подбор тура</a>

<a href="#x" class="overlay" id="podbor-tura"></a>
<div class="popup">
<iframe src="http://moi-tour.com/frame/go/55539/x-stels-msk/0" width="100%" height="700px"></iframe>
<a class="close" title="Закрыть" href="#close"></a>
</div>

команда на исходном сайте исполняется скриптом: 
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
но при вставке этого скрипта в шапку страницы нового сайта - он изменяет открытие старых POPUP-ов странички 

как привязать (и возможно ли это) исполнение это скрипта только к нажатию этой кнопки? чтобы он не мешал работе основного сайта?
сейчас скрипт с конечного сайта убран, нужное окно открывается через правый клик мышки (в новом окне или вкладке). Попап в сss прописан, как скрытый, при нажатии кнопки активируется (т.е. должен бы активироваться) стиль сss - .overlay:target+.popup 
скрин с css - http://joxi.ru/DmBxBkNSNRMyGA

при вставке скрипта - кнопка с фреймом работает идеально, но перестают открываться вкладки отелей

исходный сайт: http://greece.x-stealth.ru/
вставляю сюда: http://praga.x-stealth.ru/

[greeb]

Это не все что нужно перенести. Код <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> подключает библиотеку Jquery которая должна у тебя быть по этому пути. Еще стили для блоков, например блок popup должен быть изначально невидимый, т.е. display:none; Код который отображает окно должен быть что то вроде этого: $(#popup).css("display","block"); Так же должен быть код для закрытитя.

[wwt]

14 часа назад, aaleks111 сказал:

вставляю сюда: http://praga.x-stealth.ru/

на этом сайте уже подключена одна версия jQuery

[aaleks111]

ну стиль вроде как перенес полностью: http://joxi.ru/Y2Lk9GXin6Z8Nm. и при вставке <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> в шапку index.php - окно начинает работать четко, как и должно. Но при этом изменяется работа ПопАп-ов отелей.
отели управляются скриптами <script type="text/javascript" src="js/jquery-latest.min.js"></script>   и  <script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script> (ну т.е. при удалении этих строк попап отелей перестает работать - другому способу искать причины действия кнопок пока не обучился)
если все делать основательно и правильно (т.е. наверно - профессионал шел бы таким путем... не факт, разумеется), то в "latest.min.js" - нужно добавить действия из "1.11.0.min.js", чтобы оба вида ПопАп-ов заработали правильно. Но даже если это возможно - я с этим через год-два разберусь)).

нажатие кнопки должно активировать стиль попапа - .overlay:target+.popup, "latest.min.js" этого не делает.
вот и думаю - можно ли активировать "1.11.0.min.js" - не для всего сайта (т.е. вставить не в шапку index.php) а как-то локально... из серии:

<a href="#x" class="overlay" id="podbor-tura"></a>
<div class="popup"        src="js/jquery-latest.min.js">  - т.е подключение скрипта "1.11.0.min.js" только при нажатии на кнопку.
<iframe src="http://moi-tour.com/frame/go/55539/x-stels-msk/0" width="100%" height="700px"></iframe>
<a class="close" title="Закрыть" href="#close"></a>
</div>

если такой вариант в принципе невозможен - подскажите, как решить проблему-то
на всякий прикрепил index, стили и оба скрипта (вдруг код глянете и сразу решение простое будет...)
мож там название строки .overlay:target+.popup - изменить на .overlay:fancybox.popup или что-нидь подобное, поддерживаемое имеющимся скриптом - и все...

 

styles.css

jquery-latest.min.js

jquery-1.11.0.min.js

fancybox.js

index.php

Edited August 25, 2016 by aaleks111

[wwt]

https://api.jquery.com/jquery.noconflict/

 

А вообще не понимаю зачем вы упорно пытаетесь подключить две версии библиотеки, вместо того чтобы выбрать одну с которой будет работать весь функционал.

[aaleks111]

41 минуту назад, wwt сказал:

А вообще не понимаю зачем вы упорно пытаетесь подключить две версии библиотеки, вместо того чтобы выбрать одну с которой будет работать весь функционал.

я не столько пытаюсь... просто для меня это очевидный выход
в действительности окно открывается в нужном виде по ссылке http://praga.x-stealth.ru/#podbor-tura 

т.е. по идее-то все реализовано на имеющихся скриптах, получается, что и стили прописаны верно и скрипт (который-то из имеющихся, а не "1.11.0.min.js" уже срабатывает) - http://joxi.ru/5mdQLZ7HvDXaB2 - а вот почему прямое нажатие кнопки не приводит к открытию окна я как раз и не могу понять... может там просто "onclick" в каком-то месте не хватает?....
т.е. задача-то у меня - поставить кнопку открытия фрейма. на маленьком сайте это было реализовано через скрипт "1.11.0.min.js", где окно изначально скрытое, а при нажатии становится видимым и затемняет основной сайт... - а как это сделать на большом я как раз и не знаю(((((

Edited August 25, 2016 by aaleks111

[greeb]

Значит где то не написан обработчик события onclick по кнопке.

[aaleks111]

так в этом и вопрос... - в какое место его прописать?
наш ай-тишник исчез, пришлось в срочном порядке изучать css, php и т.п. вот переносить кнопки с одного сайта на другой за месяц уже научился (даже цвета кнопок менять умею, вообще пока читал справочники - много чего на сайте поменял-изменил-улучшил, все на пользу) а вот почему фрейм, работающий на одном сайте - не открывается на другом?... голова кипит, процесс 2ю неделю не сдвинулся с мертвой точки

[greeb]

Думаю достаточно просто присвоить по клику на кнопке display:block блоку что то типа

$("#win_pop").click(function(){

$("#popup").show();

});

если нужен оверлей то в функу засунуть $("#overlay").show();

 

еще как вариант, возможно, в обработчике нажатия по кнопке, где то не соблюдаются условия. Вообще это все гадания по звездам. Без кода ничего толком не скажешь.

Edited August 25, 2016 by greeb

[aaleks111]

Так-с... сработала абсолютная ссылка в кнопке:

<a href="http://praga.x-stealth.ru/#podbor-tura" id="win_pop" class="btn-green">Онлайн подбор тура</a>
в принципе такой вариант более-менее устраивает - главное не забывать переписывать сайт, на который ставишь.... (даже переставил туда, где она должна быть http://greece-long.x-stealth.ru/)
но почему не срабатывает относительная ссылка   (   <a href="#podbor-tura"....  )  - кто-нидь сможет подсказать?

Edited August 25, 2016 by aaleks111